
/* 滚动后，导航栏的隐藏 */
.header-hide{
  top:-56px;
}


header{
  position: fixed;
  z-index: 10;
  width: 100%;
  top:0;
  transition: top 0.3s;
}

/* 头部上方黑条 */
header .header-top{
  display: flex;
  height: 56px;
  min-width: 1000px;
  background: #25292E;
}

header .header-top>.container{
  display: flex;
  justify-content: space-between;
  align-items: center;    
}

header .header-top a.logo{
  width: 98px;
  height: 44px;
  background: url(../img/header/logo.png);
}

header .header-top ul.private-menu li{
  float: left;
}

header .header-top ul.private-menu li a{
  padding: 0 15px 0 15px;
  color: #aaa;
}

header .header-top ul.private-menu li a:hover{
  color: #eee;
}

header .header-top ul.private-menu li:first-child a{
  color: #eee
}

header .header-top ul.private-menu li:first-child a:first-child{
  padding-right: 0;
}

header .header-top ul.private-menu li:last-child a{
  padding-right: 0;
}

header .header-top ul.private-menu li b{
  width: 1px;
  height: 8px;
  display: inline-block;
  background-color: #aaa;
}

/* 头部主导航 */
header ul.main-nav{
  border-bottom: 4px solid #EDEDED;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;    
}

header ul.main-nav li{
  /* border: 1px solid blue; */
  height: 50px;
  border-bottom: 4px solid #EDEDED;
  margin-bottom: -4px;
  line-height: 50px;
  text-align: center;
}

header ul.main-nav li:not(:last-child):hover {
  border-bottom: 4px solid #25292E !important;
}

header ul.main-nav li:first-child{
  text-align: left;
  margin-right: -46px;
}

header ul.main-nav li:last-child{
  width: 260px;
  margin-left: -40px;
  /* border: 1px solid red; */
  text-align: right;
}

header ul.main-nav li:not(:last-child) a{
  display: inline-block;
  width: 120px;
  font-size: 15px;
  vertical-align: bottom;
}

header ul.main-nav li:last-child a{
  display: inline-block;
  width: 43px;
  height: 38px;
  margin-right:10px; 
  vertical-align: -12px;
  /* border: 1px solid red; */
  background: url(../img/header/serbtn.png);
}

header ul.main-nav li:last-child input.search-txt{
  font-size: 14px;
  width: 192px;
  border: 0;
  outline: 0;
}

/* 主导航下拉列表 */
header>.container{
  background: #fff;
  transition: all .3s;
}
header .shop-dropdown,.magazine-dropdown,.share-dropdown{
  /* 这里必须绝对定位，绝对定位后留在原来位置 */
  position: absolute;
  width: 1000px;
  background: #fff;
}

/* 商店二级下拉 */
header .shop-dropdown{
    /* z-index: 10; */
    display: none;
    padding: 26px 0 30px 0;
}

header .shop-dropdown ul.sub-nav{
  display: inline-grid;
  grid-template-rows: 80px 80px 80px; 
  grid-template-columns: 80px 80px 80px 80px 80px 80px 80px; 
  grid-gap: 10px 28px;
  width: 740px;
  
}

header .shop-dropdown ul.sub-nav li a{
  width: 40px;
  height: 60px;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  /* border: 1px solid red; */
}

header .shop-dropdown ul.sub-nav li a img{
  width: 40px;
  height: 40px;
}

header .shop-dropdown .poster{
  width: 232px;
  float: right;
  height: 232px;
  border: 10px solid #F3F3F3;
}

header .shop-dropdown .bottom-section{
  margin-top: 50px;
}

header .shop-dropdown .bottom-section a:last-child{
  margin-left: 40px;
}

/* 杂志二级下拉 */
header .magazine-dropdown{
  display: none;
  padding: 10px 0 30px 0;
}

header .magazine-dropdown  ul.sub-nav li{
  float: left;
  margin-top: 22px;
  margin-right: 68px;
}
/* 分享二级下拉 */
header .share-dropdown{
  display: none;
  padding: 10px 0 30px 0;
}

header .share-dropdown  ul.sub-nav li{
  float: left;
  margin-top: 22px;
  margin-right: 68px;
}
